// import React from "react"  
// import logo from "./assets/logo.jpg"  
// class App extends React.Component {
//     render(){
//         return(
//             <div>
//                 <h1>Hello React</h1>
//                 <img src={logo} alt="图片" />
//             </div>
//         )
//     }
// }
// import { useState } from "react"  
// function App() {
//     const[num,setNum] = useState(0)  
//     return (
//         <div>
//             <img src={logo} alt="图片" />
//             <h2>{num}</h2>
//             <button onClick={() => setNum(num + 1)}>+1</button>
//         </div>
//     )  
// }

// export default App  
// __________________________________________________________
// __________________________________________________________

// import DemoA from "@/pages/jsx/Demo01.jsx";
// import DemoA from "@/pages/jsx/Demo02.jsx";
// import DemoA from "@/pages/jsx/Demo03.jsx";
import DemoA from "./pages/state/Demo01.jsx";
// import DemoA from "./pages/condition/Demo01.jsx";

// 在Raect中，组件名必须大写
function App() {
    return (
        // <DemoA a="1" b="2"></DemoA>
        <DemoA ></DemoA>

        // 当需要在组件标签之间插入内容时，可以使用双标签
        // 其它情况，建议使用单标签
        // <DemoA></DemoA>
    );
}

export default App;
// ____________________________________________________________
// 细节8
// import DemoA from "@/pages/jsx/Demo03.jsx";

// function App() {
//     return (
//         <DemoA />
//     );
// }

// export default App;











